﻿<div class="chat-win">
    <!-- window collapse start -->
    <a href="javascript:void(0)" title="Chat with us!" class="win-collapse"></a>
    <!-- window collapse end -->
    <!-- window expend start -->
    <div class="win-expend" style="display:none;">
        <div class="we-head">
            <span>NWNT - Live Chat</span>
            <a class="lnk-collapse" href="javascript:void(0)">-</a>
        </div>
        <div class="inner-pane">
            <div id="chatloginpane" class="we-body">
                <form>
                    <div class="form-group">
                        <div class="col-md-12">
                            @Html.TextBox("Name", null, new { @placeholder = "Name", @class = "form-control", @required = "required" })
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-12">
                            @Html.TextBox("EmailID", null, new { @placeholder = "Email address", @class = "form-control", @required = "required", @type = "email" })
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-12">
                            @Html.TextBox("Password", null, new { @placeholder = "Password", @class = "form-control", @required = "required", @type = "password" })
                        </div>
                    </div>

                </form>
                <div class="form-group">
                    <div class="col-md-12">
                        <input id="SubmitLogin" type="button" value="Sign In" class="btn btn-primary chat-login" />
                        @*<a id="SubmitLogin" class="chat-login" href="Sign In">jag</a>*@
                    </div>
                </div>
            </div>
            <!-- chat window -->
            <div id="NWChat" style="display:none;">
                <form>
                    <div class="col-md-12">
                        <div class="chat-history">
                            @Html.Label("NWNT", null, new { @class = "nwnt" })
                            @Html.Label("User", null, new { @class = "user" })
                        </div>
                    </div>

                    <div class="col-md-12">Message*</div>
                    <div class="form-group">
                        <div class="col-md-12">
                            @Html.TextArea("FullName", null, new { @class = "form-control", @required = "required" })
                        </div>
                    </div>
                    <div class="form-group" style="margin-top:15px;">
                        <div class="col-md-12">
                            <input id="SubmitLogin" type="submit" value="Send Message" class="btn btn-primary" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- window expend end -->
</div>
<script>
    $(document).ready(function () {
        // for live chat
        $(".win-collapse").click(function () {
            $(".win-expend").show("fade");
            $(".win-collapse").hide("fade");
        });

        $(".lnk-collapse").click(function () {
            $(".win-collapse").show("fade");
            $(".win-expend").hide("fade");
        });

        $(".chat-login").click(function () {
            //alert(11);
            $("#NWChat").show("fade");
            $("#chatloginpane").hide("fade");
            return false;
            
        });
    });
</script>